<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  <link rel="stylesheet" href="../../static/css/base.css" media="all">
</head>

<body>



  <div class="layui-fluid">

    <div class="layui-card borderradius">

      <div class="layui-form layui-card-header layuiadmin-card-header-auto">

        <div class="layui-form-item">

         

          <div class="layui-inline">

            <label class="layui-form-label">学员姓名</label>

            <div class="layui-input-block">

              <input type="text" name="username" placeholder="请输入姓名" autocomplete="off" class="layui-input" style="width: 100px;">

            </div>

          </div>

          <div class="layui-inline">

            <label class="layui-form-label">学员年龄</label>

            <div class="layui-input-block">

              <input type="text" name="age" placeholder="请输入数字" autocomplete="off" class="layui-input" style="width: 100px;">

            </div>

          </div>


          <div class="layui-inline">

            <label class="layui-form-label">联系电话</label>

            <div class="layui-input-block">

              <input type="text" name="tell" placeholder="请输入联系电话" autocomplete="off" class="layui-input" style="width: 120px;">

            </div>

          </div>

          <div class="layui-inline">

            <label class="layui-form-label">性别</label>

            <div class="layui-input-block">

              <select name="sex"  style="width: 20px;">

                <option value="0">不限</option>

                <option value="1">男</option>

                <option value="2">女</option>

              </select>

            </div>

          </div>
          
          
          <div class="layui-inline">

            <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">

              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>

            </button>

          </div>

        </div>

      </div>

      

      <div class="layui-card-body">

        <div style="padding-bottom: 10px;">

          <button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>

          <button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>

        </div>

        

        <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>

      
        <script type="text/html" id="table-useradmin-webuser">

          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">编辑</a>


        </script>

      </div>

    </div>

  </div>



  <script src="../../../layuiadmin/layui/layui.js"></script>  

  <script>

  layui.config({

    base: '../../../layuiadmin/' //静态资源所在路径

  }).extend({

    index: 'lib/index' //主入口模块

  }).use(['index', 'student', 'table'], function(){

    var $ = layui.$

    ,form = layui.form

    ,table = layui.table;

    

    //监听搜索

    form.on('submit(LAY-user-front-search)', function(data){

      var field = data.field;

      

      //执行重载

      table.reload('LAY-user-manage', {

        where: field

      });

    });

  

    //事件

    var active = {

      batchdel: function(){

        var checkStatus = table.checkStatus('LAY-user-manage')

        ,checkData = checkStatus.data; //得到选中的数据



        if(checkData.length === 0){

          return layer.msg('请选择数据');

        }

        

        layer.prompt({

          formType: 1

          ,title: '敏感操作，请验证口令'

        }, function(value, index){

          layer.close(index);

          

          layer.confirm('确定删除吗？', function(index) {

            

            //执行 Ajax 后重载

            /*

            admin.req({

              url: 'xxx'

              //,……

            });

            */

            table.reload('LAY-user-manage');

            layer.msg('已删除');

          });

        });

      }

      ,add: function(){

        layer.open({

          type: 2

          ,title: '添加我的学员'

          ,content: 'addstudent.html'

          ,maxmin: true


          ,area: ['90%', '95%']

          ,btn: ['确定', '取消']

          ,yes: function(index, layero){

            var iframeWindow = window['layui-layer-iframe'+ index]

            ,submitID = 'LAY-user-front-submit'

            ,submit = layero.find('iframe').contents().find('#'+ submitID);



            //监听提交

            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){

              var field = data.field; //获取提交的字段

              

              //提交 Ajax 成功后，静态更新表格中的数据

              //$.ajax({});

              table.reload('LAY-user-front-submit'); //数据刷新

              layer.close(index); //关闭弹层

            });  

            

            submit.trigger('click');

          }

        }); 

      }

    };

    

    $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){

      var type = $(this).data('type');

      active[type] ? active[type].call(this) : '';

    });

  });

  </script>

</body>

</html>

